<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <meta content="IE=edge" http-equiv="X-UA-Compatible" />
    <meta content="width=device-width,initial-scale=1" name="viewport" />
    <link rel="canonical" href="https://cyberboxpr.net/" />

    <title>CyberBoxPR</title>

    
<meta name="description" content="The official website and shop of CyberBoxPR. Find the latest content, buy merch, and support your favorite creator." />
<meta property="og:site_name" content="CyberBoxPR" />
<meta property="og:url" content="https://cyberboxpr.net/" />
<meta property="og:description" content="The official website and shop of CyberBoxPR. Find the latest content, buy merch, and support your favorite creator." />





<meta property="og:title" content="" />
<meta property="og:type" content="website" />


  <meta property="og:image" content="https://imgproxy.fourthwall.com/vt4OyOkbzRQRZDEsqIeDUGyDtULgtafH4ovfMI9Yvj0/w:1200/sm:1/enc/tOSu7SZTTvF0Ra-F/vTrVUdimD8afAO_5/h4eY2Qet183pKwtP/KKbAPRe6ZwDVFgxb/eOWrSOAFNtW5TOlL/fls6V3uwTiYGQEjQ/uCR7RpibCDVzIRQs/kRc3Rmt8p_vjaqdQ/-ZpTT8FgcBUMWo4r/Tm-3XVSd_i_vMoO2/mQvvDnolCUnJJ7CB/NRcjtUHvM_BR1eB0/R-taxdbDCMiFKLNi/NPiYtmOfimHA9rSO/UPdA0KrauSc" />
  <meta property="og:image:secure_url" content="https://imgproxy.fourthwall.com/vt4OyOkbzRQRZDEsqIeDUGyDtULgtafH4ovfMI9Yvj0/w:1200/sm:1/enc/tOSu7SZTTvF0Ra-F/vTrVUdimD8afAO_5/h4eY2Qet183pKwtP/KKbAPRe6ZwDVFgxb/eOWrSOAFNtW5TOlL/fls6V3uwTiYGQEjQ/uCR7RpibCDVzIRQs/kRc3Rmt8p_vjaqdQ/-ZpTT8FgcBUMWo4r/Tm-3XVSd_i_vMoO2/mQvvDnolCUnJJ7CB/NRcjtUHvM_BR1eB0/R-taxdbDCMiFKLNi/NPiYtmOfimHA9rSO/UPdA0KrauSc" />
  <meta property="twitter:image" content="https://imgproxy.fourthwall.com/vt4OyOkbzRQRZDEsqIeDUGyDtULgtafH4ovfMI9Yvj0/w:1200/sm:1/enc/tOSu7SZTTvF0Ra-F/vTrVUdimD8afAO_5/h4eY2Qet183pKwtP/KKbAPRe6ZwDVFgxb/eOWrSOAFNtW5TOlL/fls6V3uwTiYGQEjQ/uCR7RpibCDVzIRQs/kRc3Rmt8p_vjaqdQ/-ZpTT8FgcBUMWo4r/Tm-3XVSd_i_vMoO2/mQvvDnolCUnJJ7CB/NRcjtUHvM_BR1eB0/R-taxdbDCMiFKLNi/NPiYtmOfimHA9rSO/UPdA0KrauSc" />

  <meta name="twitter:site" content="@cyberboxpr" />
  <meta name="twitter:creator" content="@cyberboxpr" />

<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="" />
<meta name="twitter:description" content="The official website and shop of CyberBoxPR. Find the latest content, buy merch, and support your favorite creator." />

    
    <link rel="shortcut icon" href="https://imgproxy.fourthwall.com/UIV66hVXfB6Y_0ViHWLL5s8JMmT9mM7N5Ckzfx25zF4/s:96:96/sm:1/enc/5slLp8X0NJ1LRszT/9SV1a3pqeQ_rBagT/aY696MKb2E-AWUBK/dxXfCPzO9rApfFgH/g_xnfOfz_F0O6Xp2/g7jMaISOXRN5j1sR/U3F7S8aH4DhYua8V/1ICFss4e5k0LpFIZ/-DWHvw9LS-bIvTl1/5Wb0G6-sChNFne9v/xfPMnJZDsJmJE4VP/X-wxILbl2BN3AGQc/OlARifJoL9Zbj9UF/3CvuGtpSrusATRtz/uuQVeiRPv0_aLxG1/6Skz2Lk6VR-R2fCP" sizes="96x96" type="image/png" />
<link rel="shortcut icon" href="https://imgproxy.fourthwall.com/JmijYYpXte9c5leBIg9VsdUDcCYGs8tw3Fy4Q1erOoY/s:48:48/sm:1/enc/5slLp8X0NJ1LRszT/9SV1a3pqeQ_rBagT/aY696MKb2E-AWUBK/dxXfCPzO9rApfFgH/g_xnfOfz_F0O6Xp2/g7jMaISOXRN5j1sR/U3F7S8aH4DhYua8V/1ICFss4e5k0LpFIZ/-DWHvw9LS-bIvTl1/5Wb0G6-sChNFne9v/xfPMnJZDsJmJE4VP/X-wxILbl2BN3AGQc/OlARifJoL9Zbj9UF/3CvuGtpSrusATRtz/uuQVeiRPv0_aLxG1/6Skz2Lk6VR-R2fCP" sizes="48x48" type="image/png" />


  <link rel="apple-touch-icon" href="https://imgproxy.fourthwall.com/z2JmbTJpm6kXi38oYQiAlQy6FBtN93KLQqQftJ_IcS8/s:180:180/sm:1/enc/5slLp8X0NJ1LRszT/9SV1a3pqeQ_rBagT/aY696MKb2E-AWUBK/dxXfCPzO9rApfFgH/g_xnfOfz_F0O6Xp2/g7jMaISOXRN5j1sR/U3F7S8aH4DhYua8V/1ICFss4e5k0LpFIZ/-DWHvw9LS-bIvTl1/5Wb0G6-sChNFne9v/xfPMnJZDsJmJE4VP/X-wxILbl2BN3AGQc/OlARifJoL9Zbj9UF/3CvuGtpSrusATRtz/uuQVeiRPv0_aLxG1/6Skz2Lk6VR-R2fCP" sizes="180x180" type="image/png" />


<meta content="#ffffff" name="msapplication-TileColor" />
<meta content="1.0.0" name="version" />


    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.com/themes-library/assets/eb5db543-8c3e-422c-bbab-24a10e2a7899/assets/vendor.css?v=b7fdac61a90ad1e625b76fc6f1342182af70842cac88754be5a33627c4de548e" media="all" />
    
    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.com/themes/assets/cb42e6c9-c397-45f5-bc17-dd3e58cbe40d/assets/styles/css-variables.scss.css?v=2de6f1f19499dfe0887f051dfab43df62f0af4dd3b7158340907ca6d9b7be23b" media="all" />
    <link rel="stylesheet" type="text/css" href="https://themes.fourthwall.com/themes/assets/cb42e6c9-c397-45f5-bc17-dd3e58cbe40d/assets/styles/theme.scss.css?v=9e62a2f8f04a6fa3254631fe4f490ba1d59243d6e92b839b98a923c8dc006930" media="all" />
    
    <link rel="preconnect" href="https://imgproxy.fourthwall.com" crossorigin>
<link rel="preconnect" href="https://storage.googleapis.com" crossorigin>
<script src="/platform/geo/redirect.js"></script>
<script src="https://js.stripe.com/v3/" async></script>
<link rel="alternate" href="https://cyberboxpr.net/" hreflang="x-default" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-AQ" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-AS" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-BQ" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-EC" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-FM" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-GU" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-IO" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-MH" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-MP" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-PR" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-PW" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-SV" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-TC" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-UM" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-US" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-VG" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-VI" />
<link rel="alternate" href="https://cyberboxpr.net/en-usd/" hreflang="en-ZW" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-AD" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-AT" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-AX" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-BE" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-BL" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-CY" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-DE" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-EE" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-ES" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-FI" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-FR" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-GF" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-GP" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-GR" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-HR" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-IE" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-IT" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-LT" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-LU" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-LV" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-MC" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-ME" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-MF" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-MQ" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-MT" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-NL" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-PM" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-PT" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-RE" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-SI" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-SK" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-SM" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-TF" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-VA" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-YT" />
<link rel="alternate" href="https://cyberboxpr.net/en-eur/" hreflang="en-XK" />
<link rel="alternate" href="https://cyberboxpr.net/en-cad/" hreflang="en-CA" />
<link rel="alternate" href="https://cyberboxpr.net/en-gbp/" hreflang="en-GB" />
<link rel="alternate" href="https://cyberboxpr.net/en-gbp/" hreflang="en-GG" />
<link rel="alternate" href="https://cyberboxpr.net/en-gbp/" hreflang="en-GS" />
<link rel="alternate" href="https://cyberboxpr.net/en-gbp/" hreflang="en-IM" />
<link rel="alternate" href="https://cyberboxpr.net/en-gbp/" hreflang="en-JE" />
<link rel="alternate" href="https://cyberboxpr.net/en-aud/" hreflang="en-AU" />
<link rel="alternate" href="https://cyberboxpr.net/en-aud/" hreflang="en-CC" />
<link rel="alternate" href="https://cyberboxpr.net/en-aud/" hreflang="en-CX" />
<link rel="alternate" href="https://cyberboxpr.net/en-aud/" hreflang="en-HM" />
<link rel="alternate" href="https://cyberboxpr.net/en-aud/" hreflang="en-KI" />
<link rel="alternate" href="https://cyberboxpr.net/en-aud/" hreflang="en-NF" />
<link rel="alternate" href="https://cyberboxpr.net/en-aud/" hreflang="en-NR" />
<link rel="alternate" href="https://cyberboxpr.net/en-aud/" hreflang="en-TV" />
<link rel="alternate" href="https://cyberboxpr.net/en-nzd/" hreflang="en-CK" />
<link rel="alternate" href="https://cyberboxpr.net/en-nzd/" hreflang="en-NU" />
<link rel="alternate" href="https://cyberboxpr.net/en-nzd/" hreflang="en-NZ" />
<link rel="alternate" href="https://cyberboxpr.net/en-nzd/" hreflang="en-PN" />
<link rel="alternate" href="https://cyberboxpr.net/en-nzd/" hreflang="en-TK" />
<link rel="alternate" href="https://cyberboxpr.net/en-sek/" hreflang="en-SE" />
<link rel="alternate" href="https://cyberboxpr.net/en-nok/" hreflang="en-BV" />
<link rel="alternate" href="https://cyberboxpr.net/en-nok/" hreflang="en-NO" />
<link rel="alternate" href="https://cyberboxpr.net/en-nok/" hreflang="en-SJ" />
<link rel="alternate" href="https://cyberboxpr.net/en-dkk/" hreflang="en-DK" />
<link rel="alternate" href="https://cyberboxpr.net/en-dkk/" hreflang="en-FO" />
<link rel="alternate" href="https://cyberboxpr.net/en-dkk/" hreflang="en-GL" />
<link rel="alternate" href="https://cyberboxpr.net/en-pln/" hreflang="en-PL" />
<script src="https://www.google.com/recaptcha/enterprise.js?render=6LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt" async></script>
<script>window.recaptchaSiteKey = '6LcUIoYlAAAAALE9OrjdIcUfeYTpTq5RlXh5HuZt';</script>
<style>
  .grecaptcha-badge { display: none !important; }
</style>
<script type='module' src="https://cdn.fourthwall.com/web-perf/instant.js" defer></script>
<script>
  window.shopName = 'CyberBoxPR';
  window.shopId = 'sh_620bb3c6-dc12-415c-98d1-b76ce51778f2';
  window.cookie_policy = 'ShowInEu';
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'/_c/mtg.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-PV2BBNN');</script>
<!-- End Google Tag Manager -->
<script>window.creatorGa4Id = ''; window.creatorFbPixelId = ''; window.creatorTiktokAnalyticsId = ''; window.creatorKlaviyoAnalyticsId = ''; window.useServerAnalytics = false;</script>
<script>
  (function () {
    function setCookie(name, value, days) {
      if (typeof days === 'undefined') days = 90;
      var expires = new Date(Date.now() + days * 86400000).toUTCString();
      document.cookie = encodeURIComponent(name) + '=' + encodeURIComponent(value.substring(0, 200)) + '; expires=' + expires + '; path=/';
    }
  
    function getCookie(name) {
      var cookies = document.cookie.split('; ');
      for (var i = 0; i < cookies.length; i++) {
        if (cookies[i].indexOf(name + '=') === 0) {
          return cookies[i].split('=')[1];
        }
      }
      return null;
    }
  
    function handleTrackingParams() {
      var params = window.location.search.substring(1).split('&');
      var paramMap = {};
  
      for (var i = 0; i < params.length; i++) {
        var kv = params[i].split('=');
        if (kv.length === 2) {
          paramMap[decodeURIComponent(kv[0])] = decodeURIComponent(kv[1]);
        }
      }
  
      if (!getCookie('_fbp')) {
        var randomPart = Math.floor(Math.random() * 10000000000);
        var fbp = 'fb.1.' + Date.now() + '.' + randomPart;
        setCookie('_fbp', fbp);
      }
  
      for (var key in paramMap) {
        if (paramMap.hasOwnProperty(key)) {
          var value = paramMap[key];
          var isUTM = key.indexOf('utm_') === 0;
          
          if(key === 'utm_source' && getCookie('utm_source') === 'fourthwall_ads') {
            continue;
          }
  
          if (isUTM || key === 'gclid' || key === 'fbclid') {
            setCookie(key, value);
          }
  
          if (key === 'fbclid' && !getCookie('_fbc')) {
            var fbc = 'fb.1.' + Date.now() + '.' + value;
            setCookie('_fbc', fbc);
          }
        }
      }
    }
  
    handleTrackingParams();
  })();
</script>
<script type='text/javascript'>var eventsListenerScript = document.createElement('script');eventsListenerScript.async = true;eventsListenerScript.src = "https://cdn.fourthwall.com/shop-event-listener/shop-events-listener.js";document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);</script>
<link rel="manifest" href="/manifest.json" />
<meta name='theme-color' content='#060606' />
<meta name="google-site-verification" content="h2vtDbaZJXz_SEhHJdT8P6GYjxQV4bTvSJ7eHIshAgQ" />
<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"CyberBoxPR","description":"The official website and shop of CyberBoxPR. Find the latest content, buy merch, and support your favorite creator.","url":"https://cyberboxpr.net","logo":"https://cdn.fourthwall.com/shops/sh_620bb3c6-dc12-415c-98d1-b76ce51778f2/themes/75294ab3-e2bd-4210-8ab6-24d59c8b41cc.png","sameAs":["https://youtube.com/channel/UC2b-3Hb-RV_uwrH8jebI0GA","https://instagram.com/cyberboxpr","https://facebook.com/Cyberboxpr","https://threads.net/@Cyberboxpr","https://x.com/cyberboxpr","https://twitch.tv/cyberboxpr"]}</script>
<script type="module">
  function iframeReady(section, iframe, url, appId, settings) {
    const baseIframeUrl = url;
  
    function buildUrl(url, params) {
      if (!params) return url;
      var qs = Object.keys(params)
        .map((k) => encodeURIComponent(k) + '=' + encodeURIComponent(params[k]))
        .join('&');
      return url + (url.includes('?') ? '&' : '?') + qs + '&' + settings;
    }
  
    const params = {
      hmac: window.appHmac[appId],
      timestamp: window.hmacTimestamp,
      tier_id: window.tierId,
      supporter_id: window.supporterId,
      shop_id: window.shopId,
    };
  
    iframe.src = buildUrl(baseIframeUrl, window.appHmac[appId] ? params : null);
    iframe.onload = null
  
    // Extract origin from URL for security checking
    let expectedOrigin;
    try {
      expectedOrigin = new URL(url).origin;
    } catch (e) {
      console.warn('Could not parse URL origin:', url);
    }
  
    // Listen for messages specifically from this iframe
    const messageHandler = (event) => {
      // Check if the message is from this specific iframe
      if (event.source !== iframe.contentWindow) {
        return; // Ignore messages from other iframes/windows
      }
  
      // Optional: Also verify the origin for security
      if (expectedOrigin && event.origin !== expectedOrigin) {
        console.warn('Message received from unexpected origin:', event.origin);
        return;
      }
      
      if (event.data.type === 'RESIZE') {
        iframe.style.height = event.data.data.height + 'px';
      } else if (event.data.type === 'CLOSE') {
        section.style.height = '0px';
      }
    };
  
    window.addEventListener('message', messageHandler);
    
    // Store the handler for cleanup (optional)
    iframe._messageHandler = messageHandler;
  }
  
  class Hmac extends HTMLElement {
    constructor() {
      super()
      this.section = this.parentElement.parentElement;
      this.iframe = this.querySelector('iframe')
      this.url = this.getAttribute('url')
      this.appId = this.getAttribute('app_id')
      this.settings = this.getAttribute('settings')
    }
  
    connectedCallback() {
      if (this.iframe && this.iframe.contentDocument && this.iframe.contentDocument.readyState === 'complete') {
        iframeReady(this.section, this.iframe, this.url, this.appId, this.settings)
      } else {
        this.iframe.onload = () => iframeReady(this.section, this.iframe, this.url, this.appId, this.settings)
      }
    }
  
    disconnectedCallback() {
      if (this.iframe && this.iframe._messageHandler) {
        window.removeEventListener('message', this.iframe._messageHandler);
        delete this.iframe._messageHandler;
      }
    }
  }
  
  customElements.define('app-hmac-component', Hmac)
</script>

  </head>

  
  

  

  <body class="body index " >
 <!-- Google Tag Manager (noscript) -->
<noscript><iframe src='/_c/ns.html?id=GTM-PV2BBNN'
height='0' width='0' style='display:none;visibility:hidden'></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->

    <div class="page">
      <header class="page__header">          
        <div id="fw-section-header" class="fw-section"><div data-testid="main.single.section" class="header ">
  <div class="wrapper container">
    <div class="header__grid header--middle-center header__size--md">
      <div class="header__mobile-menu hidden@sm">
        <button data-drawer-trigger-primary="mobile-menu" class="header__icon">
          <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>Menu</title>
  <path d="M0 3.75H20M0 10H20M0 16.25H20" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5"/>
</svg>

        </button>
      </div>

      

      <div class="header__logo-container">
        
          <h1 class="header__logo">
        

        <a href="/" class="header__logo-link">
          
          

  <img 
    src="https://imgproxy.fourthwall.com/1MSC_-B7stO_GQFhdtVu3VucXwHTDXbfX-lxgS-0NOc/w:120/sm:1/enc/qY-MKKWJw2EetLoW/DOaAId9q9TKJRGpG/L-XoDzZPxOyof-5V/6KMF9iaAXbrCEwVt/igE_wnL2X-OPczXq/o3DWKybREMj1UElS/bCBaeyNjzPQrejVe/oxi7l2y8LNT051zz/QgTNrth282j4h1Vv/gGTScQZMK4lKbSzx/UbvPLFp18TBbdKxQ/3QwDFBEoWqysZCUK/e8EBl-Cg8K-pRr5q/ZRTJgqqqxed5cEYN/32X4bH2zPQaoDPjw/xKP7zPQtR-7JfPwH"
    srcset="https://imgproxy.fourthwall.com/1MSC_-B7stO_GQFhdtVu3VucXwHTDXbfX-lxgS-0NOc/w:120/sm:1/enc/qY-MKKWJw2EetLoW/DOaAId9q9TKJRGpG/L-XoDzZPxOyof-5V/6KMF9iaAXbrCEwVt/igE_wnL2X-OPczXq/o3DWKybREMj1UElS/bCBaeyNjzPQrejVe/oxi7l2y8LNT051zz/QgTNrth282j4h1Vv/gGTScQZMK4lKbSzx/UbvPLFp18TBbdKxQ/3QwDFBEoWqysZCUK/e8EBl-Cg8K-pRr5q/ZRTJgqqqxed5cEYN/32X4bH2zPQaoDPjw/xKP7zPQtR-7JfPwH 1x, https://imgproxy.fourthwall.com/WBl1WwN4XJ-gw5zrHQiw6O0YVLAu-ZoRmp_t4-jVwPY/w:120/dpr:2/sm:1/enc/qY-MKKWJw2EetLoW/DOaAId9q9TKJRGpG/L-XoDzZPxOyof-5V/6KMF9iaAXbrCEwVt/igE_wnL2X-OPczXq/o3DWKybREMj1UElS/bCBaeyNjzPQrejVe/oxi7l2y8LNT051zz/QgTNrth282j4h1Vv/gGTScQZMK4lKbSzx/UbvPLFp18TBbdKxQ/3QwDFBEoWqysZCUK/e8EBl-Cg8K-pRr5q/ZRTJgqqqxed5cEYN/32X4bH2zPQaoDPjw/xKP7zPQtR-7JfPwH 2x"
    alt="CyberBoxPR"
    class="header__logo-image header__logo-image--md"
    itemprop="logo"
  >

        </a>

        
          </h1>
        
      </div>

      
        <div class="header__nav-container visible@sm">
          <nav class="header__nav">
            <ul class="header__list list--horizontal">
              
  <li class="header__list-item">
    <a
      href="/collections/all"
      class="header__link"
    >
      Tienda

      
    </a>

    
  </li>

  <li class="header__list-item">
    <a
      href="/pages/about-us"
      class="header__link"
    >
      Sobre Nosotros

      
    </a>

    
  </li>

            </ul>
          </nav>
        </div>
      

      <div class="header__icons">
        <ul class="header__list list list--horizontal">
          
            



  
    <li class="header__list-item visible@sm">
      <a
        
          href="https://youtube.com/channel/UC2b-3Hb-RV_uwrH8jebI0GA"
        
        target="_blank"
        class="header__icon"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.7183 3.125H3.28167C1.4725 3.125 0 4.59833 0 6.4075V14.0083C0 15.8183 1.4725 17.2917 3.28167 17.2917H16.7192C18.5275 17.2917 20 15.8183 20 14.0083V6.4075C20 4.59833 18.5275 3.125 16.7183 3.125ZM13.7817 10.2342L8.14083 13.8433C8.0725 13.8867 7.99417 13.9092 7.91667 13.9092C7.8475 13.9092 7.77917 13.8917 7.71667 13.8575C7.58333 13.785 7.5 13.6442 7.5 13.4925V6.27417C7.5 6.12083 7.58333 5.98083 7.71667 5.9075C7.85083 5.835 8.01333 5.84083 8.14167 5.9225L13.7825 9.5325C13.9025 9.60917 13.975 9.74083 13.975 9.88333C13.9742 10.0258 13.9017 10.1575 13.7817 10.2342Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="header__list-item visible@sm">
      <a
        
          href="https://instagram.com/cyberboxpr"
        
        target="_blank"
        class="header__icon"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99525 0H15.0047C17.7635 0 20 2.23604 20 4.99525V15.0047C20 17.7635 17.764 20 15.0047 20H4.99525C2.23645 20 0 17.764 0 15.0047V4.99525C0 2.23645 2.23604 0 4.99525 0ZM2 15.0047C2 16.6592 3.34085 18 4.99525 18H15.0047C16.6592 18 18 16.6591 18 15.0047V4.99525C18 3.34078 16.6591 2 15.0047 2H4.99525C3.34078 2 2 3.34085 2 4.99525V15.0047ZM5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10ZM13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13C11.6569 13 13 11.6569 13 10ZM15 6C15.5523 6 16 5.55228 16 5C16 4.44772 15.5523 4 15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="header__list-item visible@sm">
      <a
        
          href="https://facebook.com/Cyberboxpr"
        
        target="_blank"
        class="header__icon"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.0595 6.06602H11.3424V4.4069C11.3424 3.62655 11.8598 3.44452 12.2238 3.44452C12.5879 3.44452 14.8261 3.44452 14.8261 3.44452V0.0113221L11.0559 0C7.63576 0 6.98779 2.55879 6.98779 4.19788V6.06515H4.375V9.54886H6.98779C6.98779 14.0881 6.98779 20 6.98779 20H11.3424C11.3424 20 11.3424 14.0341 11.3424 9.54886H14.6964L15.0595 6.06602Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="header__list-item visible@sm">
      <a
        
          href="https://threads.net/@Cyberboxpr"
        
        target="_blank"
        class="header__icon"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.7434 9.26961C14.6573 9.22832 14.5698 9.18858 14.4811 9.15053C14.3268 6.30606 12.7725 4.6776 10.1627 4.66094C10.1509 4.66086 10.1391 4.66086 10.1273 4.66086C8.56628 4.66086 7.26802 5.32718 6.46895 6.53966L7.90426 7.52425C8.5012 6.61857 9.43803 6.4255 10.128 6.4255C10.1359 6.4255 10.1439 6.4255 10.1518 6.42557C11.0111 6.43105 11.6596 6.6809 12.0793 7.16813C12.3847 7.52284 12.5889 8.01302 12.6901 8.63165C11.9282 8.50216 11.1043 8.46234 10.2234 8.51284C7.74215 8.65577 6.14698 10.1029 6.25412 12.1137C6.30848 13.1337 6.81663 14.0112 7.68489 14.5845C8.41899 15.0691 9.36447 15.306 10.3471 15.2524C11.6448 15.1812 12.6628 14.6861 13.373 13.7808C13.9124 13.0933 14.2535 12.2024 14.4042 11.0798C15.0226 11.453 15.4809 11.9442 15.7341 12.5346C16.1645 13.5382 16.1896 15.1875 14.8438 16.5321C13.6648 17.71 12.2475 18.2196 10.1056 18.2353C7.72959 18.2177 5.93268 17.4557 4.76438 15.9705C3.67035 14.5798 3.10496 12.571 3.08387 10C3.10496 7.42894 3.67035 5.42017 4.76438 4.02945C5.93268 2.54426 7.72956 1.78229 10.1055 1.76464C12.4987 1.78243 14.327 2.54806 15.54 4.04042C16.1348 4.77225 16.5832 5.69258 16.8788 6.76566L18.5608 6.3169C18.2025 4.99606 17.6386 3.85789 16.8713 2.91396C15.3162 1.0007 13.0419 0.0203279 10.1114 0H10.0997C7.17516 0.0202573 4.92625 1.00435 3.41544 2.92493C2.07102 4.634 1.37753 7.01205 1.35423 9.99297L1.35416 10L1.35423 10.007C1.37753 12.9879 2.07102 15.366 3.41544 17.0751C4.92625 18.9956 7.17516 19.9798 10.0997 20H10.1114C12.7114 19.982 14.5442 19.3013 16.0539 17.7928C18.0293 15.8194 17.9698 13.3457 17.3187 11.8272C16.8517 10.7382 15.9611 9.85377 14.7434 9.26961ZM10.2542 13.4903C9.16671 13.5516 8.03691 13.0634 7.9812 12.0179C7.93991 11.2427 8.53289 10.3777 10.3209 10.2747C10.5257 10.2629 10.7267 10.2571 10.9241 10.2571C11.5735 10.2571 12.1811 10.3202 12.7335 10.4409C12.5275 13.0141 11.3189 13.4319 10.2542 13.4903Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="header__list-item visible@sm">
      <a
        
          href="https://x.com/cyberboxpr"
        
        target="_blank"
        class="header__icon"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 4.52604C19.2746 4.84115 18.6633 4.85156 18.0155 4.53993C18.8514 4.05208 18.8897 3.7092 19.1918 2.78733C18.4094 3.23958 17.5423 3.56858 16.62 3.74566C15.8822 2.98003 14.8298 2.5 13.6651 2.5C11.4284 2.5 9.61593 4.26736 9.61593 6.44444C9.61593 6.75347 9.65158 7.05469 9.72019 7.34375C6.35537 7.17969 3.37106 5.60938 1.37409 3.22222C1.02566 3.80469 0.826056 4.48264 0.826056 5.20573C0.826056 6.57465 1.54161 7.78125 2.62698 8.48872C1.96311 8.46788 1.33933 8.2908 0.793976 7.99566C0.793085 8.01215 0.793085 8.02778 0.793085 8.04514C0.793085 9.9566 2.18856 11.5503 4.04206 11.9132C3.44858 12.0703 2.82303 12.0946 2.21262 11.9818C2.72857 13.5477 4.22385 14.6884 5.99537 14.7205C4.26216 16.0434 2.11371 16.5946 0 16.3533C1.79291 17.4722 3.91998 18.125 6.20745 18.125C13.6553 18.125 17.7277 12.1146 17.7277 6.90191C17.7277 6.73003 17.725 6.56076 17.717 6.39149C18.5074 5.83594 19.4573 5.31771 20 4.52604Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="header__list-item visible@sm">
      <a
        
          href="https://twitch.tv/cyberboxpr"
        
        target="_blank"
        class="header__icon"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.89583 0L1.25 3.57143V16.4286H5.625V20L9.27083 16.4286H12.1875L18.75 10V0H4.89583ZM17.2917 9.28571L14.375 12.1429H11.4583L8.90625 14.6429V12.1429H5.625V1.42857H17.2917V9.28571Z" fill="currentColor"/>
<path d="M15.1042 3.92857H13.6458V8.21429H15.1042V3.92857Z" fill="currentColor"/>
<path d="M11.0938 3.92857H9.63542V8.21429H11.0938V3.92857Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


          

          

          

          
            <li class="header__list-item visible@sm">
              <a href="/supporters" class="header__icon">
                
                  <svg class="svg-fill-current-color" width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>Account</title>
  <path d="M11 12.3393C13.9587 12.3393 16.3572 9.94081 16.3572 6.98214C16.3572 4.02347 13.9587 1.625 11 1.625C8.04135 1.625 5.64288 4.02347 5.64288 6.98214C5.64288 9.94081 8.04135 12.3393 11 12.3393ZM11 12.3393C5.8652 12.3393 1.625 15.2402 1.625 20.375H20.375C20.375 15.2402 16.1362 12.3393 11 12.3393Z" vector-effect="non-scaling-stroke" fill="none" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"/>
</svg>

                
              </a>
            </li>
          

          <li class="header__list-item">
            <a href="/cart" class="header__icon">
              <div 
  data-cart-widget="widget"
  data-testid="cart.icon"
  class="cart-widget cart-widget--icons empty"
>
  
    <span data-cart-widget="quantity" class="cart-widget__items"></span>
    <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>Shopping Cart</title>
  <path d="M13.8077 7H10H6.19231M13.8077 7H17.6154L19 19H1L2.38462 7H6.19231M13.8077 7V4.8077C13.8077 2.70476 12.1029 1 10 1V1C7.89707 1 6.19231 2.70476 6.19231 4.80769V7" vector-effect="non-scaling-stroke" fill="none" stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round"/>
</svg>

  
</div>
            </a>
          </li>
        </ul>
      </div>
    </div>
  </div>
</div>

<aside 
  data-drawer="mobile-menu" 
  class="drawer hidden@sm"
>
  <div class="drawer__background" data-drawer-trigger-primary="mobile-menu"></div>
  <div class="drawer__content drawer__content--small mobile-menu">
    <div class="mobile-menu__section mobile-menu__section--header">
      <a href="#" class="mobile-menu__close" data-drawer-trigger-primary="mobile-menu">
        <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>Close</title>
  <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/>
</svg>

      </a>
    </div>
    <div class="mobile-menu__section mobile-menu__section--body">
      <div class="mobile-menu__nav">
        <ul class="mobile-menu__list">
          
            <li class="mobile-menu__list-item">
              
                <a
                  href="/collections/all"
                  class="mobile-menu__link"
                >
                  Tienda
                </a>
              

              
            </li>
          
            <li class="mobile-menu__list-item">
              
                <a
                  href="/pages/about-us"
                  class="mobile-menu__link"
                >
                  Sobre Nosotros
                </a>
              

              
            </li>
          

          
        </ul>
      </div>
    </div>
    <div class="mobile-menu__section mobile-menu__section--socials">
      <div class="mobile-menu__list-social">
        <ul class="mobile-menu__socials">
          



  
    <li class="mobile-menu__social">
      <a
        
          href="https://youtube.com/channel/UC2b-3Hb-RV_uwrH8jebI0GA"
        
        target="_blank"
        class="mobile-menu__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.7183 3.125H3.28167C1.4725 3.125 0 4.59833 0 6.4075V14.0083C0 15.8183 1.4725 17.2917 3.28167 17.2917H16.7192C18.5275 17.2917 20 15.8183 20 14.0083V6.4075C20 4.59833 18.5275 3.125 16.7183 3.125ZM13.7817 10.2342L8.14083 13.8433C8.0725 13.8867 7.99417 13.9092 7.91667 13.9092C7.8475 13.9092 7.77917 13.8917 7.71667 13.8575C7.58333 13.785 7.5 13.6442 7.5 13.4925V6.27417C7.5 6.12083 7.58333 5.98083 7.71667 5.9075C7.85083 5.835 8.01333 5.84083 8.14167 5.9225L13.7825 9.5325C13.9025 9.60917 13.975 9.74083 13.975 9.88333C13.9742 10.0258 13.9017 10.1575 13.7817 10.2342Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="mobile-menu__social">
      <a
        
          href="https://instagram.com/cyberboxpr"
        
        target="_blank"
        class="mobile-menu__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99525 0H15.0047C17.7635 0 20 2.23604 20 4.99525V15.0047C20 17.7635 17.764 20 15.0047 20H4.99525C2.23645 20 0 17.764 0 15.0047V4.99525C0 2.23645 2.23604 0 4.99525 0ZM2 15.0047C2 16.6592 3.34085 18 4.99525 18H15.0047C16.6592 18 18 16.6591 18 15.0047V4.99525C18 3.34078 16.6591 2 15.0047 2H4.99525C3.34078 2 2 3.34085 2 4.99525V15.0047ZM5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10ZM13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13C11.6569 13 13 11.6569 13 10ZM15 6C15.5523 6 16 5.55228 16 5C16 4.44772 15.5523 4 15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="mobile-menu__social">
      <a
        
          href="https://facebook.com/Cyberboxpr"
        
        target="_blank"
        class="mobile-menu__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.0595 6.06602H11.3424V4.4069C11.3424 3.62655 11.8598 3.44452 12.2238 3.44452C12.5879 3.44452 14.8261 3.44452 14.8261 3.44452V0.0113221L11.0559 0C7.63576 0 6.98779 2.55879 6.98779 4.19788V6.06515H4.375V9.54886H6.98779C6.98779 14.0881 6.98779 20 6.98779 20H11.3424C11.3424 20 11.3424 14.0341 11.3424 9.54886H14.6964L15.0595 6.06602Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="mobile-menu__social">
      <a
        
          href="https://threads.net/@Cyberboxpr"
        
        target="_blank"
        class="mobile-menu__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.7434 9.26961C14.6573 9.22832 14.5698 9.18858 14.4811 9.15053C14.3268 6.30606 12.7725 4.6776 10.1627 4.66094C10.1509 4.66086 10.1391 4.66086 10.1273 4.66086C8.56628 4.66086 7.26802 5.32718 6.46895 6.53966L7.90426 7.52425C8.5012 6.61857 9.43803 6.4255 10.128 6.4255C10.1359 6.4255 10.1439 6.4255 10.1518 6.42557C11.0111 6.43105 11.6596 6.6809 12.0793 7.16813C12.3847 7.52284 12.5889 8.01302 12.6901 8.63165C11.9282 8.50216 11.1043 8.46234 10.2234 8.51284C7.74215 8.65577 6.14698 10.1029 6.25412 12.1137C6.30848 13.1337 6.81663 14.0112 7.68489 14.5845C8.41899 15.0691 9.36447 15.306 10.3471 15.2524C11.6448 15.1812 12.6628 14.6861 13.373 13.7808C13.9124 13.0933 14.2535 12.2024 14.4042 11.0798C15.0226 11.453 15.4809 11.9442 15.7341 12.5346C16.1645 13.5382 16.1896 15.1875 14.8438 16.5321C13.6648 17.71 12.2475 18.2196 10.1056 18.2353C7.72959 18.2177 5.93268 17.4557 4.76438 15.9705C3.67035 14.5798 3.10496 12.571 3.08387 10C3.10496 7.42894 3.67035 5.42017 4.76438 4.02945C5.93268 2.54426 7.72956 1.78229 10.1055 1.76464C12.4987 1.78243 14.327 2.54806 15.54 4.04042C16.1348 4.77225 16.5832 5.69258 16.8788 6.76566L18.5608 6.3169C18.2025 4.99606 17.6386 3.85789 16.8713 2.91396C15.3162 1.0007 13.0419 0.0203279 10.1114 0H10.0997C7.17516 0.0202573 4.92625 1.00435 3.41544 2.92493C2.07102 4.634 1.37753 7.01205 1.35423 9.99297L1.35416 10L1.35423 10.007C1.37753 12.9879 2.07102 15.366 3.41544 17.0751C4.92625 18.9956 7.17516 19.9798 10.0997 20H10.1114C12.7114 19.982 14.5442 19.3013 16.0539 17.7928C18.0293 15.8194 17.9698 13.3457 17.3187 11.8272C16.8517 10.7382 15.9611 9.85377 14.7434 9.26961ZM10.2542 13.4903C9.16671 13.5516 8.03691 13.0634 7.9812 12.0179C7.93991 11.2427 8.53289 10.3777 10.3209 10.2747C10.5257 10.2629 10.7267 10.2571 10.9241 10.2571C11.5735 10.2571 12.1811 10.3202 12.7335 10.4409C12.5275 13.0141 11.3189 13.4319 10.2542 13.4903Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="mobile-menu__social">
      <a
        
          href="https://x.com/cyberboxpr"
        
        target="_blank"
        class="mobile-menu__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 4.52604C19.2746 4.84115 18.6633 4.85156 18.0155 4.53993C18.8514 4.05208 18.8897 3.7092 19.1918 2.78733C18.4094 3.23958 17.5423 3.56858 16.62 3.74566C15.8822 2.98003 14.8298 2.5 13.6651 2.5C11.4284 2.5 9.61593 4.26736 9.61593 6.44444C9.61593 6.75347 9.65158 7.05469 9.72019 7.34375C6.35537 7.17969 3.37106 5.60938 1.37409 3.22222C1.02566 3.80469 0.826056 4.48264 0.826056 5.20573C0.826056 6.57465 1.54161 7.78125 2.62698 8.48872C1.96311 8.46788 1.33933 8.2908 0.793976 7.99566C0.793085 8.01215 0.793085 8.02778 0.793085 8.04514C0.793085 9.9566 2.18856 11.5503 4.04206 11.9132C3.44858 12.0703 2.82303 12.0946 2.21262 11.9818C2.72857 13.5477 4.22385 14.6884 5.99537 14.7205C4.26216 16.0434 2.11371 16.5946 0 16.3533C1.79291 17.4722 3.91998 18.125 6.20745 18.125C13.6553 18.125 17.7277 12.1146 17.7277 6.90191C17.7277 6.73003 17.725 6.56076 17.717 6.39149C18.5074 5.83594 19.4573 5.31771 20 4.52604Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="mobile-menu__social">
      <a
        
          href="https://twitch.tv/cyberboxpr"
        
        target="_blank"
        class="mobile-menu__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.89583 0L1.25 3.57143V16.4286H5.625V20L9.27083 16.4286H12.1875L18.75 10V0H4.89583ZM17.2917 9.28571L14.375 12.1429H11.4583L8.90625 14.6429V12.1429H5.625V1.42857H17.2917V9.28571Z" fill="currentColor"/>
<path d="M15.1042 3.92857H13.6458V8.21429H15.1042V3.92857Z" fill="currentColor"/>
<path d="M11.0938 3.92857H9.63542V8.21429H11.0938V3.92857Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


        </ul>
      </div>
    </div>
  </div>
</aside>

<script>
  const currencyData = {
    locale: "en-US",
    currency: "USD"
  }
</script>


</div>
      </header>

      <div class="page__main">
        <div class="main">
  <div data-testid="main.sections" class="main__sections">
    <div id="fw-section-hero-0" class="fw-section"><section data-section-id="fw-section-hero-0" data-testid="main.single.section" class="hero hero--fw-section-hero-0 hero--style-3-images-alternative">
  <div class="hero__container">
    <div class="section-background">
       
        <div 
          class="section-background__image"
          style="background-image: url(https://imgproxy.fourthwall.com/0iX8dPe3FdJU0LG-cfrO5bfKVxopRAv27sOo_OUIJOY/w:1920/sm:1/enc/pTW0HfiU6mMJy23A/pPVleZ19SjM2lnRB/FtTYT86gvyg8hXLs/EJSkSv_xMV6mKBrL/PQoNbF_CeQveds1o/lE3ZSxzkQeZ2pWFc/Gy1yvByl9eVqxsZE/LqMrVyqwMsg0n4B0/GPya4bB4tzLHt-Ia/lCNBDo5Ajahg921u/7JaLeqfGUDp1p8yt/HR3PNRttzCUGDAsU/_Q6eWSrQw3-FOmSI/BHL1h8ELL05Oa2ci/QFUReJzmrJeUsiqD/oUQoKc3w7KOyORSd);mix-blend-mode:normal;"
        ></div>
      

      
    </div>

    <div class="container container--12 wrapper">
      <div class="hero__inner">
        <div class="container container--10">
          
            <div class="hero__images">
              
              <div 
                class="hero__image hero__image--1"
                style="background-image:url(https://imgproxy.fourthwall.com/PrIqcOsB2SAbbHWzQL4UU_gIoGqQlFX89wvcRLY-Psk/w:600/sm:1/enc/-8F80RCO56m7Xdz7/AK-Xp8olJqNI523F/H0VmmSssn9NNjvFM/YayZUMntQ-ZSFIb7/AYK7iD5fWYBnRc_S/i0xZctchbUMxdXtM/GGxmeZPg5qzkdMwK/mlhA8wknQZihoNjO/SgEwycEOCRm0JlR0/umaEjnuLbPp5nWmU/DokflhzGtRyOaNZ2/5Vf3f3WcLukGz8S5/glKoe8MC9_redP8F/6X75h9n3_zOYCggL/69ui70jZ1IRJIDqp/SgkyMMMX5iyd0z0b);"
              >
              </div>
              

              
              <div 
                class="hero__image hero__image--2"
                style="background-image:url(https://imgproxy.fourthwall.com/bsrmhdCtHYBx7YvFjPvOHZNxedfduNkFTQSvSVJvL64/w:600/sm:1/enc/eCJrBWyNBWK4rlgt/PScaJVxVqNkbcv5n/JaZ0tzpMZD9VvUFM/cgk9TUNg6eSOrdys/ZDV-RtmytbmUBXU1/XLe4pf7lqkPeSI95/sSFzX6Lh_HqFPquk/mSDpsi4Q74B_cO91/GrlvmORwayXWr9WM/ErXzbcwJYufSJwFD/U1bC4FdcsFRZA_ZC/rMlhaOY9Ho3GdDib/MwNYBUJENNQJ_bKH/P03JRYokyMh4EFPL/-sp_g1nNseZfg_VR/lnKVa7UZngDQht1q);"
              >
              </div>
              

              
              <div 
                class="hero__image hero__image--3"
                style="background-image:url(https://imgproxy.fourthwall.com/4dddCcdB0EtoCiemvTcr2hnKJzMxR8U9qX28YsOKvC4/w:600/sm:1/enc/ZQ2PlRNPqjp79cYw/HV6lfKvekbwPY9WQ/zA0W1VTWk-UD2lPo/ur-kshJjgz8QRP20/qTEITRy6b4Fakkgt/fwHfCMtds_K2idYk/Mwc04zMHpVfYzFZ5/stSsU0aWzTzYdMYa/98f2xrC2cbYcmhOS/Vun1yKdt92gERVeb/tEXJ1c7bP9UQUFKv/usV3BVBnt2kkfJuM/XhTxLsSmsULLWyLP/-BmStsZBj3G4Du9Q/qmKtqEs9ZIrdrYk2/hTUSFEBfQwmfey3z);"
              >
              </div>
              
            </div>
          

          <div class="hero__content">
            <h1 
              class="hero__heading hero__heading--large"
              style="color:#ffffff;"
            >
              Estamos de vuelta!
            </h1>

            
              <p 
                class="hero__text"
                style="color:#ffffff;"
              >
                Ahora puedes ver nuestra nueva pagina web con tienda, reseñas, videos y pronto algo mas!!
              </p>
            

            
              <div class="hero__cta-container">
                
                  
                      
                        <div class="hero__cta hero__cta--primary">
                          <a
                            href="/collections/all"
                            class="button button--primary button--large button--expand"
                          >
                            
                            Ve la Mercancia
                          </a>
                        </div>
                      
                  
                
              </div>
            
          </div>
        </div>
      </div>
    </div>
  </div>
</section>


</div><div id="fw-section-recent-videos-1706472094" class="fw-section">


<style>
  .section-fw-section-recent-videos-1706472094-padding {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  @media screen and (min-width: 640px) {
    .section-fw-section-recent-videos-1706472094-padding {
      padding-top: 48px;
      padding-bottom: 48px;
    }
  }
</style>

<section data-section-id="fw-section-recent-videos-1706472094" data-testid="main.single.section" class="recent-videos recent-videos--fw-section-recent-videos-1706472094 section-fw-section-recent-videos-1706472094-padding">
  <div class="container wrapper">
    
      
        <div class="recent-videos__header">
          <div class="section-header">
            
              <h2 class="section-header__heading">Videos Recintes</h2>
            

            
              <div class="section-header__cta visible@sm">
                <a 
                  href="https://youtube.com/channel/UC2b-3Hb-RV_uwrH8jebI0GA" 
                  target="_blank"
                  class="button button--outline button--small"
                >
                  Visit channel
                </a>
              </div>
            
          </div>
        </div>
      

      <div class="recent-videos__grid">
        <div class="grid grid--waffle">
          
            
              <div class="grid__column grid__column--12 grid__column--4@md">
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=n5s5DLJ1cnA"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/n5s5DLJ1cnA/sddefault.jpg"
                              alt="Review — Death Stranding 2"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.com/themes-library/assets/eb5db543-8c3e-422c-bbab-24a10e2a7899/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          Review — Death Stranding 2
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
              <div class="grid__column grid__column--12 grid__column--4@md">
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=1oYC80_pRRs"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/1oYC80_pRRs/sddefault.jpg"
                              alt="Mika and the Witch's Mountain - Reseña @dizzydiabetic89"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.com/themes-library/assets/eb5db543-8c3e-422c-bbab-24a10e2a7899/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          Mika and the Witch's Mountain - Reseña @dizzydiabetic89
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
              <div class="grid__column grid__column--12 grid__column--4@md">
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=2wSINAVgDF8"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/2wSINAVgDF8/sddefault.jpg"
                              alt="Coridden - Reseña FT. @dizzydiabetic89"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.com/themes-library/assets/eb5db543-8c3e-422c-bbab-24a10e2a7899/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          Coridden - Reseña FT. @dizzydiabetic89
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
              <div class="grid__column grid__column--12 grid__column--4@md">
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=xxPkxVcgjqQ"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/xxPkxVcgjqQ/sddefault.jpg"
                              alt="Valefor - Reseña @dizzydiabetic89"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.com/themes-library/assets/eb5db543-8c3e-422c-bbab-24a10e2a7899/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          Valefor - Reseña @dizzydiabetic89
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
              <div class="grid__column grid__column--12 grid__column--4@md">
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=SFQfWqR6Fwc"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/SFQfWqR6Fwc/sddefault.jpg"
                              alt="Arcadia 2024 Cosplayer Show"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.com/themes-library/assets/eb5db543-8c3e-422c-bbab-24a10e2a7899/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          Arcadia 2024 Cosplayer Show
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
              <div class="grid__column grid__column--12 grid__column--4@md">
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=6FpIy5-cljY"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/6FpIy5-cljY/maxresdefault.jpg"
                              alt="Arcadia: BattleRoyale 2024 | Recap + Cosplay Contest & Finals"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.com/themes-library/assets/eb5db543-8c3e-422c-bbab-24a10e2a7899/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          Arcadia: BattleRoyale 2024 | Recap + Cosplay Contest & Finals
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
              <div class="grid__column grid__column--12 grid__column--4@md">
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=xmWAa-kiSh0"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/xmWAa-kiSh0/maxresdefault.jpg"
                              alt="Supervive - Reseña @dizzydiabetic89"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.com/themes-library/assets/eb5db543-8c3e-422c-bbab-24a10e2a7899/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          Supervive - Reseña @dizzydiabetic89
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
              <div class="grid__column grid__column--12 grid__column--4@md">
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=PddAwhjeXVk"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/PddAwhjeXVk/sddefault.jpg"
                              alt="13Z -Preview @dizzydiabetic89"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.com/themes-library/assets/eb5db543-8c3e-422c-bbab-24a10e2a7899/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          13Z -Preview @dizzydiabetic89
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
              <div class="grid__column grid__column--12 grid__column--4@md">
                <div class="video-tile">
                  <a
                    href="https://www.youtube.com/watch?v=6QWZgAeVZD8"
                    target="_blank"
                    class="video-tile__link"
                  >
                    <div class="video-tile__image-container">
                      <div class="video-tile__image">
                        <div class="image image--video-thumbnail">
                          <div class="image__object">
                            <img
                              src="https://i.ytimg.com/vi/6QWZgAeVZD8/sddefault.jpg"
                              alt="Warframe 1999 -  Preview Ft. @dizzydiabetic89"
                              class="image__image"
                            />
                          </div>
                        </div>
                      </div>

                      <div class="video-tile__icon">
                        <img
                          src="https://themes.fourthwall.com/themes-library/assets/eb5db543-8c3e-422c-bbab-24a10e2a7899/assets/yt_icon.png?v=efb3f0dac77121383b036757455c96916485cb68e5d09739435912ddbd97086f"
                          alt="Watch video"
                          class="video-tile__icon-image"
                        />
                      </div>
                    </div>

                    
                      <div class="video-tile__caption">
                        <h3 class="video-tile__title">
                          Warframe 1999 -  Preview Ft. @dizzydiabetic89
                        </h3>
                      </div>
                    
                  </a>
                </div>
              </div>
            
          
        </div>
      </div>

      
         <div class="recent-videos__cta-container hidden@sm">
          <div class="recent-videos__cta">
            <a href="https://youtube.com/channel/UC2b-3Hb-RV_uwrH8jebI0GA" target="_blank" class="button button--outline button--small">
              Visit channel
            </a>
          </div>
         </div>
      
    
  </div>
</section>


</div><div id="fw-section-donations-0" class="fw-section">




<style>
  .section-fw-section-donations-0-padding {
    padding-top: 36px;
    padding-bottom: 36px;
  }

  @media screen and (min-width: 640px) {
    .section-fw-section-donations-0-padding {
      padding-top: 48px;
      padding-bottom: 48px;
    }
  }
</style>

<section data-section-id="fw-section-donations-0" data-testid="main.single.section" class="donations donations--fw-section-donations-0 section-fw-section-donations-0-padding">
  <div class="donations__inner">
    <div class="container wrapper">
      <div class="grid grid--middle grid--waffle">
        <div class="grid__column grid__column--12 grid__column--6@md">
          <div class="donations__info">
            <div class="donations__header">
              <h2 class="donations__heading">Gracias por el Apoyo!</h2>
            </div>
            
            
              <div class="donations__text">
                <p>Gracias muchisimo por todo el apoyo. Dejanos un mensaje con tu donativo y trataremos de responderte!</p>
              </div>
            
          </div>
        </div>

        <div class="grid__column grid__column--12 grid__column--6@md">
          <div class="donations__form-container">
            
            

            

            

            <div class="donation-form">
  <form class="form" data-donation="form" method="GET" action="/donation/">
    <div class="form__section">
      <div data-input="container" class="input-field input-field--icon">
        <div class="input-field__icon">
          <svg class="svg-fill-current-color" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>User</title>
  <path d="M4.24999 4.25C4.24999 3.50832 4.46992 2.7833 4.88198 2.16661C5.29403 1.54993 5.8797 1.06928 6.56493 0.785453C7.25015 0.501625 8.00415 0.427362 8.73158 0.572057C9.45901 0.716751 10.1272 1.0739 10.6516 1.59835C11.1761 2.1228 11.5332 2.79098 11.6779 3.51841C11.8226 4.24584 11.7484 4.99984 11.4645 5.68506C11.1807 6.37029 10.7001 6.95596 10.0834 7.36801C9.46669 7.78007 8.74167 8 7.99999 8C7.00543 8 6.0516 7.60491 5.34834 6.90165C4.64508 6.19839 4.24999 5.24456 4.24999 4.25ZM15.4175 14.4125L14 11.57C13.6883 10.9479 13.2096 10.4248 12.6175 10.0592C12.0254 9.69365 11.3433 9.50002 10.6475 9.5H5.35249C4.65665 9.50002 3.97454 9.69365 3.38247 10.0592C2.7904 10.4248 2.31172 10.9479 1.99999 11.57L0.582489 14.4125C0.524956 14.5267 0.497565 14.6537 0.502916 14.7814C0.508266 14.9091 0.546182 15.0334 0.613061 15.1423C0.67994 15.2513 0.773563 15.3414 0.885038 15.404C0.996514 15.4666 1.12214 15.4996 1.24999 15.5H14.75C14.8778 15.4996 15.0035 15.4666 15.1149 15.404C15.2264 15.3414 15.32 15.2513 15.3869 15.1423C15.4538 15.0334 15.4917 14.9091 15.4971 14.7814C15.5024 14.6537 15.475 14.5267 15.4175 14.4125Z"/>
</svg>
        </div>

        <input 
          id="donation-name"
          name="donor"
          data-donation="name"
          data-input="input"
          class="input-field__input"
        >

        <label 
          for="donation-name" 
          class="input-field__label"
        >
          Your name
        </label>
      </div>
    </div>

    
      <div class="form__section">
        <div data-input="container" class="input-field input-field--icon input-field--textarea">
          <div class="input-field__icon input-field__icon--shift-up">
            <svg class="svg-fill-current-color" width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>Speech Bubble</title>
  <path d="M12.5 0.5H3.5C2.70435 0.5 1.94129 0.816071 1.37868 1.37868C0.816071 1.94129 0.5 2.70435 0.5 3.5V15.125C0.5 15.2245 0.539509 15.3198 0.609835 15.3902C0.680161 15.4605 0.775544 15.5 0.875 15.5C0.924048 15.4997 0.972542 15.4896 1.01763 15.4703C1.06271 15.451 1.10347 15.4228 1.1375 15.3875L3.3875 13.1375C3.60075 12.9299 3.85308 12.7666 4.12987 12.6572C4.40667 12.5478 4.70242 12.4943 5 12.5H12.5C13.2957 12.5 14.0587 12.1839 14.6213 11.6213C15.1839 11.0587 15.5 10.2957 15.5 9.5V3.5C15.5 2.70435 15.1839 1.94129 14.6213 1.37868C14.0587 0.816071 13.2957 0.5 12.5 0.5ZM5.75 6.875C5.75 6.97446 5.71049 7.06984 5.64017 7.14017C5.56984 7.21049 5.47446 7.25 5.375 7.25H4.625C4.52554 7.25 4.43016 7.21049 4.35984 7.14017C4.28951 7.06984 4.25 6.97446 4.25 6.875V6.125C4.25 6.02554 4.28951 5.93016 4.35984 5.85984C4.43016 5.78951 4.52554 5.75 4.625 5.75H5.375C5.47446 5.75 5.56984 5.78951 5.64017 5.85984C5.71049 5.93016 5.75 6.02554 5.75 6.125V6.875ZM8.75 6.875C8.75 6.97446 8.71049 7.06984 8.64017 7.14017C8.56984 7.21049 8.47446 7.25 8.375 7.25H7.625C7.52555 7.25 7.43016 7.21049 7.35984 7.14017C7.28951 7.06984 7.25 6.97446 7.25 6.875V6.125C7.25 6.02554 7.28951 5.93016 7.35984 5.85984C7.43016 5.78951 7.52555 5.75 7.625 5.75H8.375C8.47446 5.75 8.56984 5.78951 8.64017 5.85984C8.71049 5.93016 8.75 6.02554 8.75 6.125V6.875ZM11.75 6.875C11.75 6.97446 11.7105 7.06984 11.6402 7.14017C11.5698 7.21049 11.4745 7.25 11.375 7.25H10.625C10.5255 7.25 10.4302 7.21049 10.3598 7.14017C10.2895 7.06984 10.25 6.97446 10.25 6.875V6.125C10.25 6.02554 10.2895 5.93016 10.3598 5.85984C10.4302 5.78951 10.5255 5.75 10.625 5.75H11.375C11.4745 5.75 11.5698 5.78951 11.6402 5.85984C11.7105 5.93016 11.75 6.02554 11.75 6.125V6.875Z"/>
</svg>

          </div>

          <textarea 
            id="donation-message"
            name="message"
            data-donation="message"
            data-input="input"
            rows="3"
            class="input-field__input"
            maxlength="200"
          ></textarea>

          <label 
            for="donation-message" 
            class="input-field__label"
          >
            Message
          </label>
        </div>
      </div>
    

    <div class="form__section">
      <div class="grid grid--waffle grid--small">
        
        <div class="grid__column grid__column--6 grid__column--3@sm">
          <div class="radio-button">
            <input 
              name="amount-radio"
              type="radio"
              id="amount1"
              data-donation="amount-radio"
              value="5.00"
              class="radio-button__input"
               checked
            >
            <label 
              for="amount1" 
              class="radio-button__label"
            >
              $5
            </label>
            <input type="hidden" name="donationOpts[]" value="5.00" />
          </div>
        </div>
        
        <div class="grid__column grid__column--6 grid__column--3@sm">
          <div class="radio-button">
            <input 
              name="amount-radio"
              type="radio"
              id="amount2"
              data-donation="amount-radio"
              value="10.00"
              class="radio-button__input"
              
            >
            <label 
              for="amount2" 
              class="radio-button__label"
            >
              $10
            </label>
            <input type="hidden" name="donationOpts[]" value="10.00" />
          </div>
        </div>
        
        <div class="grid__column grid__column--6 grid__column--3@sm">
          <div class="radio-button">
            <input 
              name="amount-radio"
              type="radio"
              id="amount3"
              data-donation="amount-radio"
              value="20.00"
              class="radio-button__input"
              
            >
            <label 
              for="amount3" 
              class="radio-button__label"
            >
              $20
            </label>
            <input type="hidden" name="donationOpts[]" value="20.00" />
          </div>
        </div>
        

        <div class="grid__column grid__column--6 grid__column--3@sm">
          <div 
            data-donation="amount-input-container"
            data-input="container" 
            class="input-field input-field--prefix input-field--bold input-field--as-button"
          >
            <input 
              id="donation-amount-custom"
              name="amount-custom" 
              type="number"
              data-donation="amount-input"
              data-input="input"
              class="input-field__input"
              min="1"
              step="0.01"
            >

            <label 
              for="donation-amount-custom" 
              class="input-field__label"
            >
              Custom
            </label>

            <span class="input-field__prefix">$</span>
          </div>
        </div>
      </div>
      <div data-form-error="amount" class="form__error"></div>
    </div>

    <div class="form__section">
      <input data-donation="amount" type="hidden" name="amount" value="" />
      <input type="hidden" name="currency" value="USD" />

      <button 
        type="submit"
        data-donation="submit"
        class="button button--primary button--large button--expand"
      >
        Donativo y Envia un Mensaje
        <span class="button__spinner">
          <div class="spinner spinner--small"></div>
        </span>
      </button>
    </div>
  </form>
</div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

</div>

    
  <aside data-drawer="product" class="drawer">
    <div data-drawer-trigger-primary="product" class="drawer__background"></div>

    <div class="drawer__content" aria-hidden="true" tabindex="-1">
      <div class="drawer__content-inner">
        <div class="product-drawer">
          <div class="product-drawer__section">
            <div class="product-drawer__header">
              <div class="product-drawer__header-item product-drawer__header-item--tick">
                <svg class="svg-fill-current-color" width="23" height="20" viewBox="0 0 23 20" xmlns="http://www.w3.org/2000/svg">
  <title>Accept</title>
  <path d="M1 9.17l7.926 7.927L20.889 1" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="3" fill="none" fill-rule="evenodd"/>
</svg>

              </div>

              <div class="product-drawer__header-item product-drawer__header-item--heading">
                <h4 class="product-drawer__heading">Added to cart</h4>
              </div>

              <div class="product-drawer__header-item product-drawer__header-item--close">
                <button data-drawer-trigger-primary="product" class="product-drawer__close" data-testid="product.close.dialog">
                  <svg class="svg-fill-current-color" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
  <title>Close</title>
  <path d="M1.25 18.75L18.75 1.25M18.75 18.75L1.25 1.25" vector-effect="non-scaling-stroke" stroke="currentColor" stroke-width="1.5" stroke-linejoin="bevel"/>
</svg>

                </button>
              </div>
            </div>
          </div>
          
          <div class="product-drawer__section">
            <div class="product-drawer__item-info">
              <div class="inline-image">
                <div class="inline-image__image">
                  <div class="image image--background-color">
                    <div data-product-info="image-container" class="image__object"></div>
                  </div>
                </div>

                <div class="inline-image__content">
                  <div data-product-info="title" class="inline-image__heading">
                    
                  </div>
                  <p data-product-info="price" class="inline-image__price"></p>
                  <p class="inline-image__quantity">
                    Quantity:
                    <span data-product-info="quantity"></span>
                  </p>
                </div>
              </div>
            </div>
          </div>

          <div class="product-drawer__section">
            <div class="product-drawer__subtotal">
              <div class="product-drawer__subtotal-item">
                <span class="product-drawer__subtotal-label">
                  Cart Subtotal (<span data-product-info="cart-quantity"></span>):
                </span>
              </div>

              <div class="product-drawer__subtotal-item product-drawer__subtotal-item--value">
                <span data-product-info="cart-price" class="product-drawer__subtotal-value"></span>
              </div>
            </div>
          </div>

          <div class="product-drawer__section">
            <div class="product-drawer__cta">
              <div class="product-drawer__cta-item product-drawer__cta-item--view-cart">
                <a 
                  href="/cart" 
                  class="button button--outline button--expand"
                >
                  View Cart
                </a>
              </div>

              <div class="product-drawer__cta-item product-drawer__cta-item--checkout">
                <form
                  action="/cart"
                  method="post"
                  novalidate
                  class="product-drawer__checkout-form"
                >
                  <button
                    type="submit"
                    name="checkout"
                    class="button button--primary button--expand"
                  >
                    Checkout
                  </button>
                </form>
              </div>
            </div>
          </div>
          
          <product-recommendations-drawer product-id="" class="product-drawer__section" />

        </div>
      </div>
    </div>
  </aside>

  </div>
</div>

      </div>

      <footer class="page__footer">
        <div id="fw-section-footer" class="fw-section"><style>
  .section-fw-section-footer-padding {
    padding-top: 34px;
    padding-bottom: 0px;
  }

  @media screen and (min-width: 640px) {
    .section-fw-section-footer-padding {
      padding-top: 45px;
      padding-bottom: 0px;
    }
  }
</style>





<div data-testid="main.single.section" class="footer section-fw-section-footer-padding">
  <div class="wrapper container">
    

    <div class="footer__inner">
      <div class="footer__top">
        <div class="grid grid--middle">
          <div class="grid__column grid__column--12 grid__column--4@md">
            <div class="footer__socials">
              <ul class="footer__list footer__list--socials">
                



  
    <li class="footer__list-item footer__list-item--social">
      <a
        
          href="https://youtube.com/channel/UC2b-3Hb-RV_uwrH8jebI0GA"
        
        target="_blank"
        class="footer__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M16.7183 3.125H3.28167C1.4725 3.125 0 4.59833 0 6.4075V14.0083C0 15.8183 1.4725 17.2917 3.28167 17.2917H16.7192C18.5275 17.2917 20 15.8183 20 14.0083V6.4075C20 4.59833 18.5275 3.125 16.7183 3.125ZM13.7817 10.2342L8.14083 13.8433C8.0725 13.8867 7.99417 13.9092 7.91667 13.9092C7.8475 13.9092 7.77917 13.8917 7.71667 13.8575C7.58333 13.785 7.5 13.6442 7.5 13.4925V6.27417C7.5 6.12083 7.58333 5.98083 7.71667 5.9075C7.85083 5.835 8.01333 5.84083 8.14167 5.9225L13.7825 9.5325C13.9025 9.60917 13.975 9.74083 13.975 9.88333C13.9742 10.0258 13.9017 10.1575 13.7817 10.2342Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="footer__list-item footer__list-item--social">
      <a
        
          href="https://instagram.com/cyberboxpr"
        
        target="_blank"
        class="footer__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M4.99525 0H15.0047C17.7635 0 20 2.23604 20 4.99525V15.0047C20 17.7635 17.764 20 15.0047 20H4.99525C2.23645 20 0 17.764 0 15.0047V4.99525C0 2.23645 2.23604 0 4.99525 0ZM2 15.0047C2 16.6592 3.34085 18 4.99525 18H15.0047C16.6592 18 18 16.6591 18 15.0047V4.99525C18 3.34078 16.6591 2 15.0047 2H4.99525C3.34078 2 2 3.34085 2 4.99525V15.0047ZM5 10C5 7.23858 7.23858 5 10 5C12.7614 5 15 7.23858 15 10C15 12.7614 12.7614 15 10 15C7.23858 15 5 12.7614 5 10ZM13 10C13 8.34315 11.6569 7 10 7C8.34315 7 7 8.34315 7 10C7 11.6569 8.34315 13 10 13C11.6569 13 13 11.6569 13 10ZM15 6C15.5523 6 16 5.55228 16 5C16 4.44772 15.5523 4 15 4C14.4477 4 14 4.44772 14 5C14 5.55228 14.4477 6 15 6Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="footer__list-item footer__list-item--social">
      <a
        
          href="https://facebook.com/Cyberboxpr"
        
        target="_blank"
        class="footer__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M15.0595 6.06602H11.3424V4.4069C11.3424 3.62655 11.8598 3.44452 12.2238 3.44452C12.5879 3.44452 14.8261 3.44452 14.8261 3.44452V0.0113221L11.0559 0C7.63576 0 6.98779 2.55879 6.98779 4.19788V6.06515H4.375V9.54886H6.98779C6.98779 14.0881 6.98779 20 6.98779 20H11.3424C11.3424 20 11.3424 14.0341 11.3424 9.54886H14.6964L15.0595 6.06602Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="footer__list-item footer__list-item--social">
      <a
        
          href="https://threads.net/@Cyberboxpr"
        
        target="_blank"
        class="footer__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.7434 9.26961C14.6573 9.22832 14.5698 9.18858 14.4811 9.15053C14.3268 6.30606 12.7725 4.6776 10.1627 4.66094C10.1509 4.66086 10.1391 4.66086 10.1273 4.66086C8.56628 4.66086 7.26802 5.32718 6.46895 6.53966L7.90426 7.52425C8.5012 6.61857 9.43803 6.4255 10.128 6.4255C10.1359 6.4255 10.1439 6.4255 10.1518 6.42557C11.0111 6.43105 11.6596 6.6809 12.0793 7.16813C12.3847 7.52284 12.5889 8.01302 12.6901 8.63165C11.9282 8.50216 11.1043 8.46234 10.2234 8.51284C7.74215 8.65577 6.14698 10.1029 6.25412 12.1137C6.30848 13.1337 6.81663 14.0112 7.68489 14.5845C8.41899 15.0691 9.36447 15.306 10.3471 15.2524C11.6448 15.1812 12.6628 14.6861 13.373 13.7808C13.9124 13.0933 14.2535 12.2024 14.4042 11.0798C15.0226 11.453 15.4809 11.9442 15.7341 12.5346C16.1645 13.5382 16.1896 15.1875 14.8438 16.5321C13.6648 17.71 12.2475 18.2196 10.1056 18.2353C7.72959 18.2177 5.93268 17.4557 4.76438 15.9705C3.67035 14.5798 3.10496 12.571 3.08387 10C3.10496 7.42894 3.67035 5.42017 4.76438 4.02945C5.93268 2.54426 7.72956 1.78229 10.1055 1.76464C12.4987 1.78243 14.327 2.54806 15.54 4.04042C16.1348 4.77225 16.5832 5.69258 16.8788 6.76566L18.5608 6.3169C18.2025 4.99606 17.6386 3.85789 16.8713 2.91396C15.3162 1.0007 13.0419 0.0203279 10.1114 0H10.0997C7.17516 0.0202573 4.92625 1.00435 3.41544 2.92493C2.07102 4.634 1.37753 7.01205 1.35423 9.99297L1.35416 10L1.35423 10.007C1.37753 12.9879 2.07102 15.366 3.41544 17.0751C4.92625 18.9956 7.17516 19.9798 10.0997 20H10.1114C12.7114 19.982 14.5442 19.3013 16.0539 17.7928C18.0293 15.8194 17.9698 13.3457 17.3187 11.8272C16.8517 10.7382 15.9611 9.85377 14.7434 9.26961ZM10.2542 13.4903C9.16671 13.5516 8.03691 13.0634 7.9812 12.0179C7.93991 11.2427 8.53289 10.3777 10.3209 10.2747C10.5257 10.2629 10.7267 10.2571 10.9241 10.2571C11.5735 10.2571 12.1811 10.3202 12.7335 10.4409C12.5275 13.0141 11.3189 13.4319 10.2542 13.4903Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="footer__list-item footer__list-item--social">
      <a
        
          href="https://x.com/cyberboxpr"
        
        target="_blank"
        class="footer__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20 4.52604C19.2746 4.84115 18.6633 4.85156 18.0155 4.53993C18.8514 4.05208 18.8897 3.7092 19.1918 2.78733C18.4094 3.23958 17.5423 3.56858 16.62 3.74566C15.8822 2.98003 14.8298 2.5 13.6651 2.5C11.4284 2.5 9.61593 4.26736 9.61593 6.44444C9.61593 6.75347 9.65158 7.05469 9.72019 7.34375C6.35537 7.17969 3.37106 5.60938 1.37409 3.22222C1.02566 3.80469 0.826056 4.48264 0.826056 5.20573C0.826056 6.57465 1.54161 7.78125 2.62698 8.48872C1.96311 8.46788 1.33933 8.2908 0.793976 7.99566C0.793085 8.01215 0.793085 8.02778 0.793085 8.04514C0.793085 9.9566 2.18856 11.5503 4.04206 11.9132C3.44858 12.0703 2.82303 12.0946 2.21262 11.9818C2.72857 13.5477 4.22385 14.6884 5.99537 14.7205C4.26216 16.0434 2.11371 16.5946 0 16.3533C1.79291 17.4722 3.91998 18.125 6.20745 18.125C13.6553 18.125 17.7277 12.1146 17.7277 6.90191C17.7277 6.73003 17.725 6.56076 17.717 6.39149C18.5074 5.83594 19.4573 5.31771 20 4.52604Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


  
    <li class="footer__list-item footer__list-item--social">
      <a
        
          href="https://twitch.tv/cyberboxpr"
        
        target="_blank"
        class="footer__social-link"
      >
        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.89583 0L1.25 3.57143V16.4286H5.625V20L9.27083 16.4286H12.1875L18.75 10V0H4.89583ZM17.2917 9.28571L14.375 12.1429H11.4583L8.90625 14.6429V12.1429H5.625V1.42857H17.2917V9.28571Z" fill="currentColor"/>
<path d="M15.1042 3.92857H13.6458V8.21429H15.1042V3.92857Z" fill="currentColor"/>
<path d="M11.0938 3.92857H9.63542V8.21429H11.0938V3.92857Z" fill="currentColor"/>
</svg>

        
      </a>
    </li>
  


              </ul>
            </div>
          </div>

          <div class="grid__column grid__column--12 grid__column--8@md grid__column--first@md">
            <nav class="footer__nav">
              <ul class="footer__list footer__list--menu">
                

                
                  <li class="footer__list-item">
                    <a href="/pages/contact" class="footer__menu-link">Contacto</a>
                  </li>
                
                  <li class="footer__list-item">
                    <a href="/pages/terms-of-service" class="footer__menu-link">Terminos de Servicio</a>
                  </li>
                
                  <li class="footer__list-item">
                    <a href="/pages/privacy-policy" class="footer__menu-link">Privacy Policy</a>
                  </li>
                
                  <li class="footer__list-item">
                    <a href="/pages/returns-faq" class="footer__menu-link">Returns & FAQ</a>
                  </li>
                
              </ul>
            </nav>  
          </div>
        </div>
      </div>

      <div class="footer__bottom">
        <ul class="footer__list footer__list--bottom">
          <li class="footer__list-item">
            <div class="footer__copy">&copy; 2025 CyberBoxPR</div>
          </li>

          
        </ul>
      </div>
    </div>
  </div>
</div>


</div>
      </footer>
    </div>

    <script>
  var fourthwallTheme = {
    strings: {
      addToCart: "Add to Cart",
      redeemGift: "Redeem Your Gift",
      viewCart: "View Cart",
      checkout: "Checkout",
      outOfStock: "Out of Stock",
      unavailable: "Not Available",
      soldOut: "Sold Out",
      soldOutSuffix: " - Sold Out",
      missingQuantityError: "Please choose the quantity.",
      generalError: "An error occurred. Please try refreshing the page.",
      item: "item",
      items: "items",
      startShopping: "Start Shopping",
      subtotal: "Subtotal",
      backToShopping: "Back to Shopping",
      cart: {
        heading: "[item_count] [item_count_label] in your cart for [total]",
        emptyHeading: "Your Shopping Cart is Empty",
        tableHeader: {
          item: "Item",
          quantity: "Quantity",
          price: "Price"
        },
        deleteModal: {
          heading: "Are you sure you want to remove [title] from your cart?",
          cancel: "Cancel",
          delete: "Delete"
        }
      },
      newsletter: {
        missingEmailError: 'Please enter your email.',
        invalidEmailError: 'Please enter a valid email.'
      },
      donation: {
        missingAmountError: 'Please select or enter the donation amount.',
        invalidAmountError: 'Please enter a valid donation amount.',
        missingNameError: 'Please enter your name.',
        missingMessageError: 'Please enter the message.'
      }
    },
    urls: {
      cart: "/cart",
      cartItemLocalizedPrefix: "",
      cartAddUrl: "/cart/add",
      cartChangeUrl: "/cart/change",
      productsUrlPrefix: "/products",
      allProductsCollection: "/collections/all",
    }
  };
</script>


    <script src="https://themes.fourthwall.com/themes-library/assets/eb5db543-8c3e-422c-bbab-24a10e2a7899/assets/theme.js?v=6e359b250842bc945ced0e4efdde17e27d122bb532b6fdca363c842db932db1c" rel="preload"></script>

    


  <div class="admin-bar-container hidden">
  <div id="admin-bar" class="admin-bar sticky hidden">
    <div class="wrapper">
      <div>
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
          <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/>
        </svg>
      </div>
      <div class="actions">
        <div class='desktop'>
          <div class="dropdown">
            <button class="dropdown-button desktop-switcher pill" data-target="desktop-switcher">View as: </button>
            <div class="dropdown-content" id="desktop-switcher">
              <ul>
                <li class="dropdown-item" data-mode="creator">Admin</li>
                <li class="dropdown-item" data-mode="supporter">Supporter</li>
              </ul>
            </div>
          </div>
          <a href="/admin/dashboard/store-design/layout/index/" class='pill edit-page' rel='noopener noreferrer'>Edit page</a>
          <a href="/admin/dashboard" rel="noopener noreferrer" class="pill dashboard-link">Go to dashboard</a>
        </div>

        <div class='mobile'>
          <div class="dropdown">
            <button class="dropdown-button pill mobile-switcher" data-target="mobile-switcher">View as</button>
            <div class="dropdown-content" id="mobile-switcher">
              <ul>
                <li class="dropdown-item" data-mode="creator">Admin</li>
                <li class="dropdown-item" data-mode="supporter">Supporter</li>
              </ul>
            </div>
          </div>

          <div class="dropdown mobile">
            <button class="dropdown-button pill" data-target="mobile-links">
              <svg width="16" height="14" viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                <g id="Dots horizontal">
                  <g>
                    <path d="M2.96875 7C2.96875 7.42284 2.62597 7.76562 2.20312 7.76562C1.78028 7.76562 1.4375 7.42284 1.4375 7C1.4375 6.57716 1.78028 6.23438 2.20312 6.23438C2.62597 6.23438 2.96875 6.57716 2.96875 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                    <path d="M8.76562 7C8.76562 7.42284 8.42284 7.76562 8 7.76562C7.57716 7.76562 7.23438 7.42284 7.23438 7C7.23438 6.57716 7.57716 6.23438 8 6.23438C8.42284 6.23438 8.76562 6.57716 8.76562 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                    <path d="M14.5625 7C14.5625 7.42284 14.2197 7.76562 13.7969 7.76562C13.374 7.76562 13.0312 7.42284 13.0312 7C13.0312 6.57716 13.374 6.23438 13.7969 6.23438C14.2197 6.23438 14.5625 6.57716 14.5625 7Z" stroke="#FDFCFB" stroke-width="1.5"/>
                  </g>
                </g>
              </svg>
            </button>
            <div class="dropdown-content" id="mobile-links">
              <a href="/admin/dashboard" rel="noopener noreferrer" class="dropdown-item">Go to dashboard</a>
            </div>
          </div>
        </div>

        <div class="pill close">
          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g>
              <path d="M0.875 13.125L13.125 0.875M13.125 13.125L0.875 0.875" stroke="#FDFCFB" stroke-width="1.5" stroke-linejoin="bevel"/>
            </g>
          </svg>
        </div>
      </div>
    </div>
  </div>

  <div id="admin-bar-small" class="admin-bar-small sticky hidden">
    <div class="wrapper">
      <div>
        <svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32">
          <path fill="#FDFCFB" d="m11.947 6-.682 3.151H9.983c-1.61 0-1.964.081-2.237 1.195l-.136.733h3.246l-.683 3.178H6.928L4.5 25.692H0l2.428-11.435H.409l.682-3.178h1.991l.219-.923C4.01 6.706 5.7 6 9.628 6h2.319Zm3.525 5.08 1.936 9.913 1.718-9.914h4.637l1.69 9.914 1.938-9.914H32l-3.382 14.613h-5.21L21.446 14.91 19.48 25.692h-5.237L10.862 11.08h4.61Z"/>
        </svg>
      </div>
    </div>
  </div>
</div>

<script>
  const cookieModule = {
    setCookie: function (name, value, days = 365, maxAge) {
      const expires = new Date(Date.now() + days * 24 * 60 * 60 * 1000).toUTCString();
      let cookieString = `${name}=${value}; expires=${expires}; path=/`;

      if (maxAge) {
        cookieString += `; max-age=${maxAge}`;
      }

      document.cookie = cookieString;
    },

    getCookie: function (name) {
      const cookie = document.cookie.split(';').find(c => c.trim().startsWith(`${name}=`));
      return cookie ? cookie.split('=')[1] : null;
    }
  };

  const AdminBar = {
    adminBar: document.getElementById("admin-bar"),
    adminBarContainer: document.querySelector(".admin-bar-container"),
    adminBarSmall: document.getElementById("admin-bar-small"),
    closeButton: document.querySelector('#admin-bar .close'),
    viewAsDesktopButton: document.querySelector(".desktop-switcher"),
    dropdownButtons: document.querySelectorAll(".dropdown-button"),
    dropdownContents: document.querySelectorAll(".dropdown-content"),
    inIframe: () => {
      try {
        return window.self !== window.top;
      } catch (e) {
        return true;
      }
    },
    inThemeEditor: () => cookieModule.getCookie('view_as') === 'theme_editor' || AdminBar.inIframe(),
    creatorAccessCookieExists: () => cookieModule.getCookie('creator_access_token') || cookieModule.getCookie('logged_in_as') === 'creator',
    viewAsCreator: () => cookieModule.getCookie('view_as') === 'creator',
    viewAsSupporter: () => cookieModule.getCookie('view_as') === 'supporter',
    verifyCreator: () => {
      document.cookie = 'return_to=' + window.location.href + '; path=/; max-age=30;';
      window.location.href = '/platform/creators/users/auth/verify';
    },
    authorizeCreator: () => {
      if (AdminBar.creatorAccessCookieExists() && (AdminBar.viewAsCreator() || !AdminBar.viewAsSupporter())) {
        fetch("/platform/creators/users/auth")
          .then((response) => {
            if (response.status === 401 && _this.viewAsCreator()) {
              AdminBar.verifyCreator();
            } else if (response.status === 204) {
              cookieModule.setCookie('view_as', 'creator');
              AdminBar.viewAsDesktopButton.textContent = 'View as: Admin';
              
            }
          });
      }
    },
    getSelectedView: () => (AdminBar.viewAsCreator() ? 'Admin' : 'Supporter'),
    toggleDropdown: (dropdownContent) => {
      dropdownContent.style.display = dropdownContent.style.display === 'none' || dropdownContent.style.display === '' ? 'block' : 'none';
    },
    init() {
      if (
        !AdminBar.inThemeEditor() &&
        (cookieModule.getCookie('core_dashboard_visited') || cookieModule.getCookie('creator_access_token') || cookieModule.getCookie('logged_in_as') === 'creator')
      ) {
        AdminBar.viewAsDesktopButton.textContent = 'View as: ' + AdminBar.getSelectedView();
        AdminBar.authorizeCreator();
        AdminBar.adminBarContainer.classList.toggle('hidden');
        if (cookieModule.getCookie('admin_bar_mode') === 'condensed') {
          AdminBar.adminBarSmall.classList.toggle('hidden');
        } else {
          AdminBar.adminBar.classList.toggle('hidden');
        }
      }

      AdminBar.closeButton.addEventListener('click', () => {
        cookieModule.setCookie('admin_bar_mode', 'condensed');
        AdminBar.adminBar.classList.toggle('hidden');
        AdminBar.adminBarSmall.classList.toggle('hidden');
      });

      AdminBar.adminBarSmall.addEventListener('click', () => {
        cookieModule.setCookie('admin_bar_mode', 'expanded');
        AdminBar.adminBar.classList.toggle('hidden');
        AdminBar.adminBarSmall.classList.toggle('hidden');
      });

      // Add event listeners to each dropdown button
      AdminBar.dropdownButtons.forEach((button) => {
        button.addEventListener("click", () => {
          const dropdownId = button.getAttribute("data-target");
          const dropdownContent = document.getElementById(dropdownId);
          AdminBar.toggleDropdown(dropdownContent);
        });
      });

      // Close the dropdowns when clicking outside
      document.addEventListener("click", (event) => {
        AdminBar.dropdownButtons.forEach((button) => {
          const dropdownId = button.getAttribute("data-target");
          const dropdownContent = document.getElementById(dropdownId);
          if (event.target !== button && !button.contains(event.target) && event.target !== dropdownContent) {
            dropdownContent.style.display = "none";
          }
        });
      });

      document.querySelectorAll(".dropdown-content li").forEach((item) => {
        item.addEventListener("click", (event) => {
          const mode = event.target.getAttribute("data-mode");
          if (mode === 'creator') {
            cookieModule.setCookie('view_as', 'creator');
            AdminBar.verifyCreator();
          } else {
            cookieModule.setCookie('view_as', 'supporter');
            cookieModule.setCookie('creator_access_token', 'creator', 365, 0);
            window.location.reload();
          }
        });
      });
    },
  };

  AdminBar.init();
</script>

<style>
  .admin-bar-container {
    height: 56px;
  }

  .hidden {
    display: none;
  }

  .admin-bar,
  .admin-bar-small {
    z-index: 1000;
    background-color: rgba(0, 0, 0, 0.7);
    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
    height: 56px;
    width: 100%;
  }

  .admin-bar-small {
    width: 73px;
    cursor: pointer;
  }

  .sticky {
    position: fixed;
    bottom: 0;
  }

  .admin-bar a {
    color: #FDFCFB;
    padding: 14px;
    font-size: 14px;
    text-decoration: none;
  }

  .admin-bar button {
    padding: 14px;
    font-size: 14px;
  }

  .admin-bar .wrapper,
  .admin-bar-small .wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 20px;
  }

  .admin-bar-small .wrapper {
    padding: 12px 20px;
  }

  .admin-bar .pill {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
    text-transform: capitalize;

    padding: 6px 14px;
    border-radius: 100px;
    background: rgba(253, 252, 251, 0.12);

    cursor: pointer;
  }

  .admin-bar .pill:hover {
    background: rgba(253, 252, 251, 0.22);
  }

  .admin-bar .close {
    padding: 6px 11px;
  }

  .admin-bar .actions,
  .admin-bar .actions .desktop,
  .admin-bar .actions .mobile {
    display: flex;
    gap: 10px;
  }

  .admin-bar .actions .desktop,
  .admin-bar .actions .edit-page {
    display: none;
  }

  @media (min-width: 768px) {
    .admin-bar a,
    .admin-bar button {
      font-size: 16px;
    }

    .admin-bar .actions .desktop,
    .admin-bar .actions .edit-page {
      display: flex;
      gap: 10px;
    }

    .admin-bar .actions .mobile {
      display: none;
    }
  }

  .dropdown {
    position: relative;
  }

  .dropdown-content {
    display: none;
    position: absolute;
    background-color: rgba(0,0,0,0.9);
    min-width: 130px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    bottom: 100%; /* Position above the button */
    border-radius: 10px;
    bottom: calc((100% + 8px) - 0px);
    right: 0;
  }

  /* Style for each list item */
  .dropdown-content .dropdown-item {
    color: white;
    padding: 12px 16px;
    text-decoration: none;
    white-space: nowrap;
    display: block;
    cursor: pointer;
    border-radius: 10px;
  }

  .dropdown-content .dropdown-item:hover {
    background-color: rgba(255,255,255,0.2)
  }

  /* Style for the button */
  .dropdown-button {
    color: white;
    padding: 10px 20px;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    line-height: 24px;
  }
</style>

</body>
</html>
